【krpano】画像Aをクリックして画像Bを拡大縮小させる

画像Aをクリックして、別の場所にある画像Bを拡大縮小させる方法。
「詳細を見る」のようなボタンをクリックすると、詳細画像が別の場所から開かれるといった演出で使用する。

【使用するファイル】
xmlファイル
画像A
画像B

【基本コード】画像A
以下のコードをxmlファイルに記述する

<plugin name="gazo_a"
url="a.jpg"
keep="true"
align="rightttop"
x="10"
y="10"
onclick="IF(plugin[gazo_b].scale == 1.0, tween(plugin[gazo_b].scale,0.0), tween(plugin[gazo_b].scale,1.0));"
/>

【基本コード】画像B
以下のコードをxmlファイルに記述する

<plugin name="gazo_b"
url="b.jpg"
align="center"
x="0"
y="0"
scale="0.0"
destscale="1.0"
onclick="IF(plugin[gazo_b].scale == 1.0, tween(plugin[gazo_b].scale,0.0), tween(plugin[gazo_b].scale,1.0));"
/>


【実例】

<krpano version="1.16">

<include url="skin/defaultskin.xml" />

<view hlookat="0" vlookat="0" maxpixelzoom="1.0" fovmax="150" limitview="auto" />

<preview url="mukogawa1.tiles/preview.jpg" />

<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="4776" tiledimageheight="4776">
<cube url="mukogawa1.tiles/mres_%s/l4/%0v/l4_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="2388" tiledimageheight="2388">
<cube url="mukogawa1.tiles/mres_%s/l3/%0v/l3_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="1194" tiledimageheight="1194">
<cube url="mukogawa1.tiles/mres_%s/l2/%0v/l2_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="597" tiledimageheight="597">
<cube url="mukogawa1.tiles/mres_%s/l1/%0v/l1_%s_%0v_%0h.jpg" />
</level>
<mobile>
<cube url="mukogawa1.tiles/mobile_%s.jpg" />
</mobile>
</image>

<plugin name="sampleimage1"
url="sampleimage.jpg"
align="rightbottom"
x="0"
y="0"
keep="false"
scale="0.2"
destscale="5.0"
onclick="IF(plugin[sampleimage1].scale == 1.0, tween(plugin[sampleimage1].scale,0.2), tween(plugin[sampleimage1].scale,1.0));"
/>

<plugin name="sampleimage2"
url="sampleimage.png"
align="leftbottom"
x="0"
y="0"
keep="false"
scale="0.5"
destscale="5.0"
onclick="IF(plugin[sampleimage1].scale == 1.0, tween(plugin[sampleimage1].scale,0.2), tween(plugin[sampleimage1].scale,1.0));"
/>

</krpano>